JavaScript Sencha: Ext JS

JavaScript Sencha: Ext JS

• start the course
• download the free, open source version of Sencha Ext JS
• download the Sencha command tool
• use Command Prompt to start the Sencha Cmd web server, before accessing the web server in a web browser to verify that it is working
• run Sencha Cmd's generate app command and edit the initial code so a new application can be created
• replace the default contents of app.js with a call to the Ext.define() method, define global application settings, and create a bootstrap using the launch function
• restart the Sencha Cmd web server and access an application in the browser
• create and instantiate a simple class in Ext JS
• create a simple class using the config property
• run custom logic using the apply method that the config property automatically generates
• use the statics keyword to create instances of a class that can be called directly
• describe the uses of the folders, subfolders, and files that are automatically generated when an application is created in Sencha
• create an app.js file to define a new application
• create and define the Controller for a new application
• use a Controller's control function to add an appropriate handler to a specific event
• define a view to extend the list class, which creates a grid, and also demonstrates passing appropriate data to the grid
• add a view referenced by name to a Controller's views property, and render the view in the main viewport
• find a specific element on a page and respond to a user action on that element
• use the edit class and add an editing view to the Controller to allow records to be added by the user
• define a store by extending the Store class, defining fields, and providing an array of data points
• use a store in a view
• create a model for use with a store
• save data as a model using a button with a save action and the updateUser handler
• convert sample hard-coded data into a separate JSON file that could be loaded by the app
• use JSON data in a store in JavaScript Sencha
• use Ajax to send a POST request to the server to update and save the modified data to a file
• use the app.js launch function to create a main panel with two child panels to help manage containers
• use the layout property to position two child panels side-by-side in a browser
• use the suspendLayout property to delay the layout of two child panels
• use the Viewport container to specify that childPanel1 and childPanel2 are its items

JavaScript Sencha: Ext JS

JavaScript Sencha: Ext JS

• start the course
• download the free, open source version of Sencha Ext JS
• download the Sencha command tool
• use Command Prompt to start the Sencha Cmd web server, before accessing the web server in a web browser to verify that it is working
• run Sencha Cmd's generate app command and edit the initial code so a new application can be created
• replace the default contents of app.js with a call to the Ext.define() method, define global application settings, and create a bootstrap using the launch function
• restart the Sencha Cmd web server and access an application in the browser
• create and instantiate a simple class in Ext JS
• create a simple class using the config property
• run custom logic using the apply method that the config property automatically generates
• use the statics keyword to create instances of a class that can be called directly
• describe the uses of the folders, subfolders, and files that are automatically generated when an application is created in Sencha
• create an app.js file to define a new application
• create and define the Controller for a new application
• use a Controller's control function to add an appropriate handler to a specific event
• define a view to extend the list class, which creates a grid, and also demonstrates passing appropriate data to the grid
• add a view referenced by name to a Controller's views property, and render the view in the main viewport
• find a specific element on a page and respond to a user action on that element
• use the edit class and add an editing view to the Controller to allow records to be added by the user
• define a store by extending the Store class, defining fields, and providing an array of data points
• use a store in a view
• create a model for use with a store
• save data as a model using a button with a save action and the updateUser handler
• convert sample hard-coded data into a separate JSON file that could be loaded by the app
• use JSON data in a store in JavaScript Sencha
• use Ajax to send a POST request to the server to update and save the modified data to a file
• use the app.js launch function to create a main panel with two child panels to help manage containers
• use the layout property to position two child panels side-by-side in a browser
• use the suspendLayout property to delay the layout of two child panels
• use the Viewport container to specify that childPanel1 and childPanel2 are its items

JavaScript Sencha: Ext JS

JavaScript Sencha: Ext JS

• start the course
• download the free, open source version of Sencha Ext JS
• download the Sencha command tool
• use Command Prompt to start the Sencha Cmd web server, before accessing the web server in a web browser to verify that it is working
• run Sencha Cmd's generate app command and edit the initial code so a new application can be created
• replace the default contents of app.js with a call to the Ext.define() method, define global application settings, and create a bootstrap using the launch function
• restart the Sencha Cmd web server and access an application in the browser
• create and instantiate a simple class in Ext JS
• create a simple class using the config property
• run custom logic using the apply method that the config property automatically generates
• use the statics keyword to create instances of a class that can be called directly
• describe the uses of the folders, subfolders, and files that are automatically generated when an application is created in Sencha
• create an app.js file to define a new application
• create and define the Controller for a new application
• use a Controller's control function to add an appropriate handler to a specific event
• define a view to extend the list class, which creates a grid, and also demonstrates passing appropriate data to the grid
• add a view referenced by name to a Controller's views property, and render the view in the main viewport
• find a specific element on a page and respond to a user action on that element
• use the edit class and add an editing view to the Controller to allow records to be added by the user
• define a store by extending the Store class, defining fields, and providing an array of data points
• use a store in a view
• create a model for use with a store
• save data as a model using a button with a save action and the updateUser handler
• convert sample hard-coded data into a separate JSON file that could be loaded by the app
• use JSON data in a store in JavaScript Sencha
• use Ajax to send a POST request to the server to update and save the modified data to a file
• use the app.js launch function to create a main panel with two child panels to help manage containers
• use the layout property to position two child panels side-by-side in a browser
• use the suspendLayout property to delay the layout of two child panels
• use the Viewport container to specify that childPanel1 and childPanel2 are its items

JavaScript Sencha: Ext JS

JavaScript Sencha: Ext JS

• start the course
• download the free, open source version of Sencha Ext JS
• download the Sencha command tool
• use Command Prompt to start the Sencha Cmd web server, before accessing the web server in a web browser to verify that it is working
• run Sencha Cmd's generate app command and edit the initial code so a new application can be created
• replace the default contents of app.js with a call to the Ext.define() method, define global application settings, and create a bootstrap using the launch function
• restart the Sencha Cmd web server and access an application in the browser
• create and instantiate a simple class in Ext JS
• create a simple class using the config property
• run custom logic using the apply method that the config property automatically generates
• use the statics keyword to create instances of a class that can be called directly
• describe the uses of the folders, subfolders, and files that are automatically generated when an application is created in Sencha
• create an app.js file to define a new application
• create and define the Controller for a new application
• use a Controller's control function to add an appropriate handler to a specific event
• define a view to extend the list class, which creates a grid, and also demonstrates passing appropriate data to the grid
• add a view referenced by name to a Controller's views property, and render the view in the main viewport
• find a specific element on a page and respond to a user action on that element
• use the edit class and add an editing view to the Controller to allow records to be added by the user
• define a store by extending the Store class, defining fields, and providing an array of data points
• use a store in a view
• create a model for use with a store
• save data as a model using a button with a save action and the updateUser handler
• convert sample hard-coded data into a separate JSON file that could be loaded by the app
• use JSON data in a store in JavaScript Sencha
• use Ajax to send a POST request to the server to update and save the modified data to a file
• use the app.js launch function to create a main panel with two child panels to help manage containers
• use the layout property to position two child panels side-by-side in a browser
• use the suspendLayout property to delay the layout of two child panels
• use the Viewport container to specify that childPanel1 and childPanel2 are its items

JavaScript Sencha: Ext JS

JavaScript Sencha: Ext JS

• start the course
• download the free, open source version of Sencha Ext JS
• download the Sencha command tool
• use Command Prompt to start the Sencha Cmd web server, before accessing the web server in a web browser to verify that it is working
• run Sencha Cmd's generate app command and edit the initial code so a new application can be created
• replace the default contents of app.js with a call to the Ext.define() method, define global application settings, and create a bootstrap using the launch function
• restart the Sencha Cmd web server and access an application in the browser
• create and instantiate a simple class in Ext JS
• create a simple class using the config property
• run custom logic using the apply method that the config property automatically generates
• use the statics keyword to create instances of a class that can be called directly
• describe the uses of the folders, subfolders, and files that are automatically generated when an application is created in Sencha
• create an app.js file to define a new application
• create and define the Controller for a new application
• use a Controller's control function to add an appropriate handler to a specific event
• define a view to extend the list class, which creates a grid, and also demonstrates passing appropriate data to the grid
• add a view referenced by name to a Controller's views property, and render the view in the main viewport
• find a specific element on a page and respond to a user action on that element
• use the edit class and add an editing view to the Controller to allow records to be added by the user
• define a store by extending the Store class, defining fields, and providing an array of data points
• use a store in a view
• create a model for use with a store
• save data as a model using a button with a save action and the updateUser handler
• convert sample hard-coded data into a separate JSON file that could be loaded by the app
• use JSON data in a store in JavaScript Sencha
• use Ajax to send a POST request to the server to update and save the modified data to a file
• use the app.js launch function to create a main panel with two child panels to help manage containers
• use the layout property to position two child panels side-by-side in a browser
• use the suspendLayout property to delay the layout of two child panels
• use the Viewport container to specify that childPanel1 and childPanel2 are its items

JavaScript Sencha: Sencha Touch

JavaScript Sencha: Sencha Touch

• start the course
• download and install Sencha Touch along with Ruby in order to build your app
• launch Sencha Touch to generate and name a new app
• describe the file structure created when using the Sencha command to generate an app in JavaScript Sencha
• edit the app.js file to create a simple app structure for a home page
• create a basic container
• create and add a subscriber list container to an app by using code
• use Sencha Touch to add an EventListener controller to an app
• use a component's initialize function and alias property in an app's view code
• create an app component using an alias in Javascript Sencha
• render a basic list by extending the List class, creating an alias, and providing content that includes loading text, emptying text, and listing item specifications
• add a component to a container by adding a reference in the view config, and defining the view in the container
• create and name a model for an app
• add validation to a model and set its type and field
• set up and manage a data store within an existing model
• set up a store in a view by using a controller and adding specific config files to your application
• use Sencha Touch's configs and xtypes to customize the view and various properties for a form
• render a view with an event in another view by adding a reference to the view that will be rendered to the Controller
• fire an onListDisclose event that calls the same editor form and passes the existing data to it
• enable browser-based applications to store data locally on the user's hard drive by loading the LocalStorage class from the proxy package, and adding functionality to the Save button on an editor form
• write a save function for the Controller to transfer data from an editable form to the LocalStorage
• add an event handler to the delete button, then write a function in the Controller that calls the remove function from the Store
• configure an app's Home button to return the user to the main screen
• download the Android SDK from the Android Developer's site
• install Node.js to support Apache Cordova
• enable Cordova support and configure an app
• emulate an app with Cordova
• open AVD Manager to create and set up an Android emulator in order to test a custom app
• run the Android emulator in order to install and test the functionality of an app created in Sencha
• create and edit the config.xml file of an application ready for use with PhoneGAP
• use the ConfiGAP application to create a config.xml file
• use PhoneGap Build to build an application for an Android device

JavaScript Sencha: Sencha Touch

JavaScript Sencha: Sencha Touch

• start the course
• download and install Sencha Touch along with Ruby in order to build your app
• launch Sencha Touch to generate and name a new app
• describe the file structure created when using the Sencha command to generate an app in JavaScript Sencha
• edit the app.js file to create a simple app structure for a home page
• create a basic container
• create and add a subscriber list container to an app by using code
• use Sencha Touch to add an EventListener controller to an app
• use a component's initialize function and alias property in an app's view code
• create an app component using an alias in Javascript Sencha
• render a basic list by extending the List class, creating an alias, and providing content that includes loading text, emptying text, and listing item specifications
• add a component to a container by adding a reference in the view config, and defining the view in the container
• create and name a model for an app
• add validation to a model and set its type and field
• set up and manage a data store within an existing model
• set up a store in a view by using a controller and adding specific config files to your application
• use Sencha Touch's configs and xtypes to customize the view and various properties for a form
• render a view with an event in another view by adding a reference to the view that will be rendered to the Controller
• fire an onListDisclose event that calls the same editor form and passes the existing data to it
• enable browser-based applications to store data locally on the user's hard drive by loading the LocalStorage class from the proxy package, and adding functionality to the Save button on an editor form
• write a save function for the Controller to transfer data from an editable form to the LocalStorage
• add an event handler to the delete button, then write a function in the Controller that calls the remove function from the Store
• configure an app's Home button to return the user to the main screen
• download the Android SDK from the Android Developer's site
• install Node.js to support Apache Cordova
• enable Cordova support and configure an app
• emulate an app with Cordova
• open AVD Manager to create and set up an Android emulator in order to test a custom app
• run the Android emulator in order to install and test the functionality of an app created in Sencha
• create and edit the config.xml file of an application ready for use with PhoneGAP
• use the ConfiGAP application to create a config.xml file
• use PhoneGap Build to build an application for an Android device

JavaScript Sencha: Sencha Touch

JavaScript Sencha: Sencha Touch

• start the course
• download and install Sencha Touch along with Ruby in order to build your app
• launch Sencha Touch to generate and name a new app
• describe the file structure created when using the Sencha command to generate an app in JavaScript Sencha
• edit the app.js file to create a simple app structure for a home page
• create a basic container
• create and add a subscriber list container to an app by using code
• use Sencha Touch to add an EventListener controller to an app
• use a component's initialize function and alias property in an app's view code
• create an app component using an alias in Javascript Sencha
• render a basic list by extending the List class, creating an alias, and providing content that includes loading text, emptying text, and listing item specifications
• add a component to a container by adding a reference in the view config, and defining the view in the container
• create and name a model for an app
• add validation to a model and set its type and field
• set up and manage a data store within an existing model
• set up a store in a view by using a controller and adding specific config files to your application
• use Sencha Touch's configs and xtypes to customize the view and various properties for a form
• render a view with an event in another view by adding a reference to the view that will be rendered to the Controller
• fire an onListDisclose event that calls the same editor form and passes the existing data to it
• enable browser-based applications to store data locally on the user's hard drive by loading the LocalStorage class from the proxy package, and adding functionality to the Save button on an editor form
• write a save function for the Controller to transfer data from an editable form to the LocalStorage
• add an event handler to the delete button, then write a function in the Controller that calls the remove function from the Store
• configure an app's Home button to return the user to the main screen
• download the Android SDK from the Android Developer's site
• install Node.js to support Apache Cordova
• enable Cordova support and configure an app
• emulate an app with Cordova
• open AVD Manager to create and set up an Android emulator in order to test a custom app
• run the Android emulator in order to install and test the functionality of an app created in Sencha
• create and edit the config.xml file of an application ready for use with PhoneGAP
• use the ConfiGAP application to create a config.xml file
• use PhoneGap Build to build an application for an Android device

JavaScript Sencha: Sencha Touch

JavaScript Sencha: Sencha Touch

• start the course
• download and install Sencha Touch along with Ruby in order to build your app
• launch Sencha Touch to generate and name a new app
• describe the file structure created when using the Sencha command to generate an app in JavaScript Sencha
• edit the app.js file to create a simple app structure for a home page
• create a basic container
• create and add a subscriber list container to an app by using code
• use Sencha Touch to add an EventListener controller to an app
• use a component's initialize function and alias property in an app's view code
• create an app component using an alias in Javascript Sencha
• render a basic list by extending the List class, creating an alias, and providing content that includes loading text, emptying text, and listing item specifications
• add a component to a container by adding a reference in the view config, and defining the view in the container
• create and name a model for an app
• add validation to a model and set its type and field
• set up and manage a data store within an existing model
• set up a store in a view by using a controller and adding specific config files to your application
• use Sencha Touch's configs and xtypes to customize the view and various properties for a form
• render a view with an event in another view by adding a reference to the view that will be rendered to the Controller
• fire an onListDisclose event that calls the same editor form and passes the existing data to it
• enable browser-based applications to store data locally on the user's hard drive by loading the LocalStorage class from the proxy package, and adding functionality to the Save button on an editor form
• write a save function for the Controller to transfer data from an editable form to the LocalStorage
• add an event handler to the delete button, then write a function in the Controller that calls the remove function from the Store
• configure an app's Home button to return the user to the main screen
• download the Android SDK from the Android Developer's site
• install Node.js to support Apache Cordova
• enable Cordova support and configure an app
• emulate an app with Cordova
• open AVD Manager to create and set up an Android emulator in order to test a custom app
• run the Android emulator in order to install and test the functionality of an app created in Sencha
• create and edit the config.xml file of an application ready for use with PhoneGAP
• use the ConfiGAP application to create a config.xml file
• use PhoneGap Build to build an application for an Android device

JavaScript Sencha: Sencha Touch

JavaScript Sencha: Sencha Touch

• start the course
• download and install Sencha Touch along with Ruby in order to build your app
• launch Sencha Touch to generate and name a new app
• describe the file structure created when using the Sencha command to generate an app in JavaScript Sencha
• edit the app.js file to create a simple app structure for a home page
• create a basic container
• create and add a subscriber list container to an app by using code
• use Sencha Touch to add an EventListener controller to an app
• use a component's initialize function and alias property in an app's view code
• create an app component using an alias in Javascript Sencha
• render a basic list by extending the List class, creating an alias, and providing content that includes loading text, emptying text, and listing item specifications
• add a component to a container by adding a reference in the view config, and defining the view in the container
• create and name a model for an app
• add validation to a model and set its type and field
• set up and manage a data store within an existing model
• set up a store in a view by using a controller and adding specific config files to your application
• use Sencha Touch's configs and xtypes to customize the view and various properties for a form
• render a view with an event in another view by adding a reference to the view that will be rendered to the Controller
• fire an onListDisclose event that calls the same editor form and passes the existing data to it
• enable browser-based applications to store data locally on the user's hard drive by loading the LocalStorage class from the proxy package, and adding functionality to the Save button on an editor form
• write a save function for the Controller to transfer data from an editable form to the LocalStorage
• add an event handler to the delete button, then write a function in the Controller that calls the remove function from the Store
• configure an app's Home button to return the user to the main screen
• download the Android SDK from the Android Developer's site
• install Node.js to support Apache Cordova
• enable Cordova support and configure an app
• emulate an app with Cordova
• open AVD Manager to create and set up an Android emulator in order to test a custom app
• run the Android emulator in order to install and test the functionality of an app created in Sencha
• create and edit the config.xml file of an application ready for use with PhoneGAP
• use the ConfiGAP application to create a config.xml file
• use PhoneGap Build to build an application for an Android device